﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Translator.aspx.cs" Inherits="TranslatorWeb.Pages.Translator" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
     <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
   
    <title>Translator</title>

       <link rel="stylesheet" type="text/css" href="../Content/Office.css" />

    <!-- Add your CSS styles to the following file -->
    <link rel="stylesheet" type="text/css" href="../Content/App.css" />

    <script src="../Scripts/jquery-1.7.1.js"></script>

    <!-- Use the CDN reference to Office.js when deploying your app -->
    <!--<script src="https://appsforoffice.microsoft.com/lib/1.0/hosted/office.js"></script>-->

    <!-- Use the local script references for Office.js to enable offline debugging -->
    <script src="../Scripts/Office/1.0/MicrosoftAjax.js"></script>
    <script src="../Scripts/Office/1.0/office.js"></script>

    <!-- Add your JavaScript to the following file -->
    <script src="../Scripts/Translator.js"></script>
</head>
<body>
    <form id="form1" runat="server">
      <div id="toolbar">
          From
          <select id="lstFrom">
              <option selected>nl</option>
              <option>en</option>
              <option>es</option>
          </select>
            to&nbsp;
            <select id="lstTo">
              <option>nl</option>
              <option selected>en</option>
              <option>es</option>
          </select>

        <input type="button" value="Translate" id="btnTranslate" 
             />
    </div>

    <div id="results"></div>

    </form>
</body>
</html>
